<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>投票页面</title>
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/vote.css" />
		<link rel="stylesheet" type="text/css" href="../css/commno/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
	</head>
	<body>
		<header class="header">
			<div class="logo">
				<div class="logoImg"><a href="index.html"><img src="../img/logo.png" /></a></div>
			</div>
			<!--导航栏-->
			<ul class="nav clearfix">
				<li class="fl">
					<a href="company's.html">集团简介</a>
				</li>
				<li class="fl">
					<a href="Family.html">户型介绍</a>
					<ul class="groupResume">
						<li><a href="second/intro.html">株洲小巨蛋</a></li>
						<li><a href="second/overall.html">总体规划</a></li>
						<li><a href="second/Fair.html">展贸中兴</a></li>
						<li><a href="second/zone.html">区位介绍</a></li>
						<li><a href="second/dispatching.html">配送中心</a></li>
						<li><a href="second/International.html">国际公寓</a></li>
						<li><a href="second/Phase.html">二期发展</a></li>
					</ul>
				</li>
				<li class="fl"><a href="">户型介绍</a></li>
				<li class="fl"><a href="journalism.html">新闻更新</a></li>
				<li class="fl"><a href="projects.html">招商信息</a></li>
				<li class="fl"><a href="leave.html">留言联系</a></li>
				<li class="fl clearfix"><a href="blogroll.html">友情联系</a></li>
			</ul>
		</header>
		<!--轮播图-->
		<div class="lunbo ">
			<ul class="swiper-wrapper">
				<li class="swiper-slide">
					<img src="../img/tp.jpg" />
					<input type="button" name="" id="" value="马上参与投票" />
				</li>
				<li class="swiper-slide"><img src="../img/tp.jpg" /></li>
				<li class="swiper-slide"><img src="../img/tp.jpg" /></li>
				<li class="swiper-slide"><img src="../img/tp.jpg" /></li>
			</ul>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
		</div>
		<section class="main">
			<div class="text">
				<h2>投票活动</h2>
				<h4>Voting Activities  </h4>
				<p>“小巨蛋采用无柱式钢结构构筑而成，中空高度达15米，演出场地1200平方米，后台区400平方米，并有专门的VIP 贵宾室、迎宾接待区近千平方米，容纳人数800人以上，是国内首屈一指的大型服饰发布会、订货会的专业场地，将承接国内外一线品牌的发布会、订货会等，并可用于承办国际时装周、国际模特大赛，国际设计师大赛等大型赛事和活动。 </p>
			</div>
			<ul class="tp">
				<li class="tt">
					<div><img src="../img/t1.jpg" alt="" /></div>
					<input type="button" name="" id="" value="投票" />
					<div class="hg">
						<h3>查看大图</h3>
						<p>已用1777人投票</p>
					</div>
				</li>
				<li>
					<div><img src="../img/t2.jpg" alt="" /></div>
					<input type="button" name="" id="" value="投票"  />
					<div class="hg">
						<h3>查看大图</h3>
						<p>已用1777人投票</p>
					</div>
				</li>
				<li class="tt">
					<div><img src="../img/t3.jpg" alt="" /></div>
					<input type="button" name="" id="" value="投票"  />
					<div class="hg">
						<h3>查看大图</h3>
						<p>已用1777人投票</p>
					</div>
				</li>
				<li>
					<div><img src="../img/t4.jpg" alt="" /></div>
					<input type="button" name="" id="" value="投票"  />
					<div class="hg">
						<h3>查看大图</h3>
						<p>已用1777人投票</p>
					</div>
				</li>
				<li class="tt">
					<div><img src="../img/t5.jpg" alt="" /></div>
					<input type="button" name="" id="" value="投票"  />
					<div class="hg">
						<h3>查看大图</h3>
						<p>已用1777人投票</p>
					</div>
				</li>
			</ul>
		</section>
		<footer class="footer">
			<ul>
				<li><img src="../img/China.png" alt="" /></li>
				<li>中国</li>
				<li>隐私政策</li>
				<li>使用条款</li>
				<li class="footer_Two">COPYRIGHT © 1996-2013 RFC COMMUNICATION TECHNOLOGY CO.LTD.ALL R</li>
			</ul>
		</footer>

		<script src="../js/swiper.min.js "></script>
		<script>
			var lunbo = new Swiper('.lunbo', {
				//direction: 'vertical',
				loop: true,
				//自动切换
				//autoplay: true,
				pagination: {
					el: '.swiper-pagination',
				},
			})
			//鼠标滑过pagination控制swiper切换
			for(i = 0; i < lunbo.pagination.bullets.length; i++) {
				lunbo.pagination.bullets[i].index = i + 1;
				lunbo.pagination.bullets[i].onmouseover = function() {
					lunbo.slideTo(this.index);
				};
			}
		</script>
	</body>

</html>